آموزش bootstrap3- نحوه استفاده از جداول در بوت استرپ


عضو شوید


نام کاربری
رمز عبور

:: فراموشی رمز عبور؟

عضویت سریع

نام کاربری
رمز عبور
تکرار رمز
ایمیل
کد تصویری
براي اطلاع از آپيدت شدن وبلاگ در خبرنامه وبلاگ عضو شويد تا جديدترين مطالب به ايميل شما ارسال شود



به وبلاگ من خوش آمدید

تبادل لینک هوشمند

برای تبادل لینک ابتدا ما را با عنوان افرا گرافیک و آدرس afragraphic.LXB.ir لینک نمایید سپس مشخصات لینک خود را در زیر نوشته . در صورت وجود لینک ما در سایت شما لینکتان به طور خودکار در سایت ما قرار میگیرد.







نام :
وب :
پیام :
2+2=:
(Refresh)

آمار مطالب

:: کل مطالب : 37
:: کل نظرات : 0

آمار کاربران

:: افراد آنلاین : 1
:: تعداد اعضا : 0

کاربران آنلاین


آمار بازدید

:: بازدید امروز : 87
:: باردید دیروز : 0
:: بازدید هفته : 87
:: بازدید ماه : 185
:: بازدید سال : 300
:: بازدید کلی : 21844

RSS

Powered By
loxblog.Com

گروه مشاوران طراحی افرا در زمینه انواع امور طراحی ، چاپ، طراحی سایت و مالتی مدیا فعالیت می کند. 66120694 و 66120698 و 09122246022

آموزش bootstrap3- نحوه استفاده از جداول در بوت استرپ
شنبه 4 مهر 1394 ساعت 12:29 | بازدید : 84 | نوشته ‌شده به دست افرا گرافیک | ( نظرات )

آموزش bootstrap                                                     

قسمت سوم

کار با جدول ها در bootstrap

کلاس Table  :

با اضافه کردن کلاس table به تگ table جدول مان را به شکل بوت استرپی در می آوریم

 

آموزش bootstrap3

 

آموزش bootstrap3

کلاس table-striped :

این کلاس سطرهای جدولمان را به صورت یکی در میان خاکستری می کند

 

آموزش bootstrap3

کلاس table-bordered :

این کلاس با خط دار کردن جدول سطر ها و ستون ها را مشخص می کند

 

آموزش bootstrap3

کلاس table-hover :

با اضافه کردن کلاس hover به جدول هرگاه اشاره گر موس بر روی هر سطر جدول قرار گیرد رنگ آن سطر تغییر می کند

 

آموزش bootstrap3

کلاس table-condensed :

کلاس table-condensed خاصیت padding جدول را کاهش میدهد

 

آموزش bootstrap3

کلاس table-responsive :

اگر می خواهید جدول شما خاصیت responsive داشته باشد و در دستگاه های با عرض خروجی متفاوت تنظیم شود از این کلاس استفاده می شود

 

آموزش bootstrap3

کلاس های Contextual :

همچنین می توان از کلاس های متنی زیر برای تغییر رنگ سطرها و ستون ها استفاده کرد

آموزش bootstrap3

 

آموزش bootstrap3

 

آموزش bootstrap3

 

برای مشاهده سایر مطالب آموزشی ازwww.afragraphic.ir دیدن کنید.

تماس با ما: 66120694و66912056 و09122246022





:: برچسب‌ها: , class tableبوت استرپ , کلاس , row آموزش , bootstrap آموزش بوت استرپ , استفاده از جدول در بوت استرپ ,
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
مطالب مرتبط با این پست
می توانید دیدگاه خود را بنویسید


نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: